<template>
	<!-- 基因寻亲 -->
	<view class="genexq">
		<view class="genefamily_main">
			<view class="search_heads flex ali-c">
				<image class="searchiocn" :src="photo_cdn+'/zpupload/static/gene/searchiocn.png'" mode=""></image>
				<input  class="inputtags" placeholder="搜索基因家族"></input>
				<view class="sarch_btns">搜索</view>
			</view>
		</view>
		<view class="genexq_body">
			<view class="recommend_catds">
				<view class="uucards flex">
					<image class="headimgs" src="https://p.qqan.com/up/2023-12/202312291152317468.jpg" mode=""></image>
					<view class="uucards_right">
						<view class="uuname">明辉</view>
						<view class="uutime">2023-12-22</view>
					</view>
					<view class="topping">置顶</view>
				</view>
				<view class="card_con_text">基因寻亲真的能找到家人吗？</view>
				<view class="browsenum">16923 浏览 · 389 评论</view>
			</view>
			
			<view class="genexq_titlelable flex ali-c jus-b ">
				<view class="titlelable">基因寻亲推荐</view>
				<view class="genexq_titlelable_r ali-c ">
					<view class="huanyihuan">换一换</view>
					<image class="huanyip" :src="photo_cdn+'/zpupload/static/gene/huanyip.png'" mode=""></image>
				</view>
			</view>
			
			<view class="genexq_tabbar flex ali-c">
				<view class="genexq_tabbar_item actives">最近距离</view>
				<view class="genexq_tabbar_item">同城寻亲</view>
				<view class="genexq_tabbar_item">国内寻亲</view>
			</view>
			<view class="xq_card_list">
				<view class="xq_card_item" v-for="(item,index) in 4" :key="index">
					<view class="uucards flex ali-c">
						<image class="headimgs" src="https://p.qqan.com/up/2023-12/202312291152317468.jpg" mode=""></image>
						<view class="uucards_right">
							<view class="uuname">注资312</view>
							<view class="uutime">今天01：23</view>
						</view>
						<view class="distance">2.9KM</view>
					</view>
					<view class="xq_card_comtext">有没有专家帮我看看，这个基因的祖先在哪？</view>
					<view class="thumbnailimg">
						<image class="thumbnailimgtag" src="https://inews.gtimg.com/news_ls/OXVakgvyOpWoKHFFPKboTVQGgXkjaAcPDjU4vSZcn2CDAAA_640330/0" mode="widthFix"></image>
					</view>
					<view class="xq_card_browse">299 浏览 · 38 评论</view>
				</view>
			</view>
			
		</view>
		
		<view class="fenexq_foot">
			<view class="fenexq_foot_btn">发帖</view>
		</view>
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		data(){
			return {
				photo_cdn
			}
		}
	}
</script>

<style lang="scss">
	@import "./genexq.scss";
</style>